<template>
  <div id="app" class="bg-gray-50 text-slate-700 dark:text-slate-500 dark:bg-slate-800">
    <el-config-provider :locale="zhCn">
      <router-view />
    </el-config-provider>
  </div>
</template>

<script setup>
// import zh from 'element-plus/lib/locale/lang/zh-cn'
// import en from 'element-plus/lib/locale/lang/en'

import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
// import en from 'element-plus/dist/locale/en.mjs'
import { useAppStore } from '@/store'
// import { useI18n } from 'vue-i18n'

useAppStore()
defineOptions({
  name: 'App',
})
</script>

<style lang="scss">
// 引入初始化样式
#app {
  height: 100vh;
  overflow: hidden;
  font-weight: 400 !important;
}
.el-button {
  font-weight: 400 !important;
}

.gva-body-h {
  min-height: calc(100% - 3rem);
}

.gva-container {
  height: calc(100% - 2.5rem);
}
.gva-container2 {
  // height: calc(100% - 4.5rem);
  height: 100%;
}

.bg-gray-50 {
  background-color: #f9fafb /*  */ !important;
}
.text-slate-700 {
  color: #334155 /*  */ !important;
}
.dark\:text-slate-500:is(.dark *) {
  color: #64748b /*  */ !important;
}
.dark\:bg-slate-800:is(.dark *) {
  background-color: #1e293b /*  */ !important;
}
</style>
